page {
    height: 100%;
    background-color: #eee;
    color: #666;
}

.cates {
    height: 100%;

    .cates_container {
        display: flex;
        //less中使用calc的要注意，原值输出用~''
        height: ~'calc(100vh - 90rpx)';

        .left_menu {
            /* 子项 高度 100% flex */
            flex: 2;

            .left_item {
                height: 80rpx;
                display: flex;
                justify-content: center;
                align-items: center;
                font-size: 30rpx;
                // border-bottom: 1px solid #ccc;
                background-color: #fff;
                padding: 56rpx 0;
            }

            .active {
                background-color: #eee;
                color: var(--themeColor);
                border-left: 5rpx solid var(--themeColor);
            }
        }

        .right_content {
            flex: 5;
            padding-bottom: 50rpx;
            .goods_group {
                margin: 30rpx;

                .goods_title {
                    display: flex;
                    height: 80rpx;
                    justify-content: center;
                    align-items: center;

                    .delimiter {
                        color: #ccc;
                        pad: 0 10rpx;
                    }

                    .title {}
                }

                .goods_list {
                    background-color: #fff;
                    border-radius: 18rpx;
                    padding: 16rpx;
                    display: flex;
                    flex-wrap: wrap;
                    box-shadow: 0 18rpx 16rpx rgba(85, 94, 99, 0.377);

                    navigator {
                        width: 33.33%;
                        text-align: center;

                        image {
                            width: 50%;
                        }

                        .goods_name {
                            font-size: 26rpx;
                        }
                    }
                }
            }

            .toSearch {
                width: 80%;
                display: flex;
                justify-content: center;
                align-items: start;
                background-color: rgba(250, 228, 188, 0.979);
                font-size: 25rpx;
                padding: 8rpx;
                border-radius: 30rpx;
                margin: 46rpx auto 0;
                
                text {}

                navigator {
                    color: orangered;
                    font-weight: 700;
                }
            }
        }
    }
}